<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/template/ConhecimentoTemplate.xhtml">
<ui:define name="corpo">
	<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%;
	}
	.pnlMindMap
	{
		max-width: auto;
		height: auto;
	}   
	.mindMap
	{
		max-width: auto;
		height: 450px;
		border: 1px solid black;
	}   
	</style>
<div class="div-tela">
	<p:panel id="pnlAgendaVendedor"
			toggleable="false"
			closable="false"
			header="Relatório Agenda Por Vendedor">
			
		<p:commandButton id="btnAgendaFiltro"
						styleClass="ui-priority-primary"
						actionListener="#{managerAgendaVendedorBean.carregarFiltro}"
						update="frmConhecimento:pnlAgendaFiltro"
			        	value="Filtro Dados do Vendedor"/>
		
		<p:commandButton id="btnAgendaSair" 
						value="Sair"
						actionListener="#{managerAgendaVendedorBean.sair}" 
						styleClass="ui-priority-primary"/>
						
		<div>
			<BR />
		</div>
		<p:dataTable id="tblListagemAgenda" 
						var="agenda" 
						value="#{managerAgendaVendedorBean.listaAgenda}"
						rowStyleClass="linhaMaster"
						scrollable="true"
						scrollHeight="420"
						emptyMessage="Sem Dados para Exibição">
						
				<p:column style="width:5%;background-color:#FFFFFF;">
            		<p:rowToggler />
        		</p:column>		
		        
		        <p:column headerText="Dia Agenda" width="55%">
		            <h:outputText value="#{agenda.dataAgenda}" >
		            	<f:convertDateTime pattern="dd/MM/yyyy"/>
		            </h:outputText>
		        </p:column>
		        
		        <p:column headerText="Qtd Dia" width="10%">
		             <h:outputText value="#{agenda.quantidadeClienteDia}"/>
		        </p:column>
		        
		        <p:column headerText="Qtd A Dia" width="10%">
		             <h:outputText value="#{agenda.quantidadeClienteDiaAtendido}"/>
		        </p:column>
		        
		        <p:column headerText="Qtd N Dia" width="10%">
		             <h:outputText value="#{agenda.quantidadeClienteDiaNaoAtendido}"/>
		        </p:column>
		        
		        <p:column headerText="Encerrada ?" width="10%">
		             <h:outputText value="#{agenda.flgEncerrada eq 'S' ? 'Sim' : 'Não'}"/>
		        </p:column>
		        
		        <p:rowExpansion>
            		<p:dataTable id="tblAgendaCliente" 
						var="agendaCliente" 
						value="#{agenda.listaAgendaClienteVo}"
						rowStyleClass="#{agendaCliente.agendaStatusVo.id eq 3 ? 'atendido' : 'aberto'}"
						emptyMessage="Sem Dados para Exibição">
						
						<p:column width="10%" filterBy="#{agendaCliente.clienteVo.id}" filterMatchMode="contains" filterStyle="width:100%" style="background-color:##{agendaCliente.agendaLembrarVo.corFundo};color:##{agendaCliente.agendaLembrarVo.corFonte};">
				            <h:outputText value="#{agendaCliente.clienteVo.id}" />
		        		</p:column>
						
						<p:column width="35%" filterBy="#{agendaCliente.clienteVo.razao}" filterMatchMode="contains" filterStyle="width:100%" style="background-color:##{agendaCliente.agendaLembrarVo.corFundo};color:##{agendaCliente.agendaLembrarVo.corFonte};">
				            <h:outputText value="#{agendaCliente.clienteVo.razao}" />
		        		</p:column>
		        		
		        		<p:column headerText="Atendido" width="10%" style="background-color:##{agendaCliente.agendaLembrarVo.corFundo};color:##{agendaCliente.agendaLembrarVo.corFonte};">
				            <h:outputText value="#{agendaCliente.agendaStatusVo.descricao}" />
		        		</p:column>
		        		
		        		<p:column headerText="Lembrar" width="30%" style="background-color:##{agendaCliente.agendaLembrarVo.corFundo};color:##{agendaCliente.agendaLembrarVo.corFonte};">
				            <h:outputText value="#{agendaCliente.agendaLembrarVo.descricao}" />
		        		</p:column>
		        		
		        		<p:column width="15%" style="background-color:##{agendaCliente.agendaLembrarVo.corFundo};color:##{agendaCliente.agendaLembrarVo.corFonte};">
		        			<p:splitButton value="Atendimentos"
		        							update=":frmConhecimento:atendimentosListagemPanel"
				        					actionListener="#{managerAgendaVendedorBean.listarAtendimentos(agendaCliente)}">
									<p:menuitem value="Reagendamentos"
				        					update=":frmConhecimento:listagemReagendamentoPanel"
				        					actionListener="#{managerAgendaVendedorBean.listarReagendamentosCliente(agendaCliente)}"/>
							</p:splitButton>
		        		</p:column>
					</p:dataTable>
        		</p:rowExpansion>
		        
    		</p:dataTable>
		
		
	</p:panel>
</div>	
</ui:define>
<ui:define name="modal">
	<p:dialog widgetVar="diagAgendaFiltro" 
			header="Filtro Agenda Por Vendedor"
			modal="true"
			resizable="false"
			width="400"
			position="top">
			<p:panelGrid id="pnlAgendaFiltro" 
				columns="2" columnClasses="colunaEsquerda, colunaDireita" style="width:100%; border:none;" >
				<h:outputLabel for="somMes" value="Mês:" />
					<p:selectOneMenu id="somMes" 
									value="#{managerAgendaVendedorBean.mesCompetencia}" 
									style="width:100%;">
						<f:selectItem itemLabel="Janeiro" itemValue="0"/>
						<f:selectItem itemLabel="Fevereiro" itemValue="1"/>
						<f:selectItem itemLabel="Março" itemValue="2"/>
						<f:selectItem itemLabel="Abril" itemValue="3"/>
						<f:selectItem itemLabel="Maio" itemValue="4"/>
						<f:selectItem itemLabel="Junho" itemValue="5"/>
						<f:selectItem itemLabel="Julho" itemValue="6"/>
						<f:selectItem itemLabel="Agosto" itemValue="7"/>
						<f:selectItem itemLabel="Setembro" itemValue="8"/>
						<f:selectItem itemLabel="Outubro" itemValue="9"/>
						<f:selectItem itemLabel="Novembro" itemValue="10"/>
						<f:selectItem itemLabel="Dezembro" itemValue="11"/>
					</p:selectOneMenu>
				<h:outputLabel for="somAno" value="Ano:"/>
					<p:selectOneMenu id="somAno" value="#{managerAgendaVendedorBean.anoCompetencia}" style="width:100%;">
						<f:selectItem itemLabel="2014" itemValue="2014"/>
						<f:selectItem itemLabel="2015" itemValue="2015"/>
						<f:selectItem itemLabel="2016" itemValue="2016"/>
					</p:selectOneMenu>
				<h:outputLabel for="somUsuario" value="Usuário:"/>
					<p:selectOneMenu id="somUsuario" 
		            					value="#{managerAgendaVendedorBean.agendaVo.usuarioVo.id}" 
		             					style="width:100%;">
			             	<f:selectItems var="usuario" 
			             				value="#{managerAgendaVendedorBean.listaUsuarios}" 
			             				itemLabel="#{usuario.nomeCompleto}" 
			             				itemValue="#{usuario.id}"/>
		             </p:selectOneMenu>
			</p:panelGrid>
			
		<div>
			<BR />
		</div>
		
		<p:commandButton id="btnFiltrar"
					actionListener="#{managerAgendaVendedorBean.listarAgendaPorPeriodo}"
					update="frmConhecimento:pnlAgendaVendedor"
					styleClass="ui-priority-primary"
					value="Filtrar"/>	
	</p:dialog>
	<p:dialog header="Atendimentos" 
			widgetVar="agendaListagemAtendimenosDialog" 
			modal="true"
			resizable="false" 
			width="1000" 
			position="top" 
			closable="true">
		 <p:panel id="atendimentosListagemPanel" 
    	 		style="font-size:12px;">
    	 	<h:outputText value="Cliente:  #{managerAgendaVendedorBean.agendaClienteVo.clienteVo.razao}"/>
    	 	
    	 	<div>
    	 		<BR />
    	 	</div>
    	 		
    	 	<p:dataTable id="tblAtendimento" 
						var="atendimentos" 
						value="#{managerAgendaVendedorBean.agendaClienteVo.listaAtendimentos}"
						style="font-size:11px;"
						rowStyleClass="linhas"
						scrollable="true"
						scrollHeight="350"
						emptyMessage="Sem Dados para Exibição">
								
				<p:column headerText="Quem Atendeu" width="20%">
					<h:outputText value="#{atendimentos.agendaClienteVo.agendaVo.usuarioVo.nomeCompleto}" />
				</p:column>
				
				<p:column headerText="H Inicial" width="5%">
					<h:outputText value="#{atendimentos.horaAtendimento}">
						<f:convertDateTime pattern="HH:mm"/>
					</h:outputText>
				</p:column>
				
				<p:column headerText="H Final" width="5%">
					<h:outputText value="#{atendimentos.horaEncerramento}">
						<f:convertDateTime pattern="HH:mm"/>
					</h:outputText>
				</p:column>
				
				<p:column headerText="Tp Atendimento" width="20%">
					<h:outputText value="#{atendimentos.agendaTipoAtendimentoVo.descricao}" />
				</p:column>
				
				<p:column headerText="Tp Contato" width="20%">
					<h:outputText value="#{atendimentos.agendaTipoContatoVo.descricao}" />
				</p:column>
		        		
				<p:column headerText="Desc Atendimento" width="50%">
					<h:outputText value="#{atendimentos.descricaoAtendimento}" />
				</p:column>
		        		
			</p:dataTable>
			
    	 </p:panel>
	</p:dialog>
	<p:dialog header="Regendamentos" 
			widgetVar="listagemRegendamentoDialog" 
			modal="true"  
			resizable="false" 
			width="1000" 
			position="top" 
			closable="true">
		 <p:panel id="listagemReagendamentoPanel" 
    	 		style="font-size:12px;">
    	 	<h:outputText value="Cliente:  #{managerAgendaVendedorBean.agendaClienteVo.clienteVo.razao}"/>
    	 	
    	 	<div>
    	 		<BR />
    	 	</div>
    	 		
    	 	<p:dataTable id="tblReagendamento" 
						var="reagendamentos" 
						value="#{managerAgendaVendedorBean.listaReagendamentos}"
						style="font-size:11px;"
						rowStyleClass="linhas"
						scrollable="true"
						scrollHeight="350"
						emptyMessage="Sem Dados para Exibição">
				        		
				<p:column headerText="Usuário Reagendamento" width="40%">
					<h:outputText value="#{reagendamentos.usuarioVo.nomeCompleto}" />
				</p:column>
				
				<p:column headerText="Data Reagendamento" width="20%">
					<h:outputText value="#{reagendamentos.dataReagendamento}">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
				</p:column>
				
				<p:column headerText="Motivo Reagendamento" width="40%">
					<h:outputText value="#{reagendamentos.motivoReagendamento}" />
				</p:column>
		        		
			</p:dataTable>
			
    	 </p:panel>
	</p:dialog>
</ui:define>
</ui:composition>
</html>